@charset "utf-8"; 

/* List Section */
.listO{ position:relative; border:1px solid #ddd; font-size:12px; line-height:normal; *zoom:1; background:#fff;}
.listO a{ text-decoration:none; color:#666;}
.listO a:hover,
.listO a:active,
.listO a:focus{ text-decoration:underline;}
.listO em{ font-style:normal;}
.listO h2{ font-size:12px; margin:0; padding:10px 0 8px 12px; color:#333; border:1px solid #fff; background:#f7f7f7;}
.listO h2 em{ color:#cf3292;}
.listO ol{ margin:0; padding:10px 12px 0 12px; list-style:none; border-top:1px solid #ddd;}
.listO li{ position:relative; margin:0 0 10px 0; *zoom:1;}
.listO li:after{ content:""; display:block; clear:both;}
.listO li .ranking{ display:inline-block; width:14px; height:11px; margin:0 5px 0 0; background:#d1d1d1; text-align:center; vertical-align:top; font:bold 10px Tahoma; color:#fff; border-top:1px solid #fff; border-bottom:1px solid #d1d1d1;}
.listO li.best .ranking{ background:#6e87a5; border-bottom:1px solid #6e87a5;}
.listO li.best a{ color:#7189a7;}
.listO li .num{ position:absolute; top:0; right:0; color:#a8a8a8; font:11px Tahoma; white-space:nowrap;}
.listO li.best .num{ font-weight:bold; color:#7189a7;}
.listO .more{ position:absolute; top:10px; right:12px; font:11px Dotum, 돋움; text-decoration:none !important;}
.listO .more span{ font-weight:bold; color:#d76ea9; font-size:16px; vertical-align:middle; margin:0 2px 0 0;}
